/* Round 4: account identity and one workspace, using existing Convix tokens. */
.ci-account-flow { min-width:0; }
.ci-theme.intel-account .ci-account-flow>.container { width:calc(100% - 64px); max-width:1140px; padding:0; margin-inline:auto; }
.ci-account-flow .dash__header { margin-bottom:24px; }
.ci-account-flow .dash__subtitle { max-width:65ch; }
.ci-account-flow .dash__meta [data-user-plan] { display:none; }
.account-message { font-size:.85rem; color:var(--ci-muted); line-height:1.7; margin-bottom:16px; }
.account-message:empty,.account-feedback:empty { display:none; }
.account-overview { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(130px,.6fr) minmax(170px,.7fr); align-items:center; gap:24px; padding:28px; border:1px solid var(--ci-line); border-radius:14px; background:var(--ci-surface); margin-bottom:28px; }
.account-identity { display:flex; gap:16px; align-items:center; min-width:0; }
.ci-account-flow .configuracoes__avatar { width:60px; height:60px; flex-shrink:0; background:var(--ci-raised); color:var(--ci-cyan); border:1px solid var(--ci-line); border-radius:50%; font-size:1.4rem; font-weight:700; display:grid; place-items:center; }
.account-identity-text { min-width:0; }
.account-identity-text strong { display:block; font-size:1.15rem; line-height:1.6; color:var(--ci-text); overflow-wrap:anywhere; }
.account-identity-text p { font-size:.82rem; line-height:1.8; color:var(--ci-muted); margin:3px 0 0; overflow-wrap:anywhere; }
.account-overview-plan { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding-left:24px; border-left:1px solid var(--ci-line); }
.account-overview-plan>span,.account-label { display:block; color:var(--ci-muted); font-size:.78rem; margin-bottom:8px; }
.account-overview-status { display:flex; align-items:flex-start; flex-direction:column; gap:8px; }
.account-chip { display:inline-flex; width:fit-content; max-width:100%; padding:5px 9px; border:1px solid var(--ci-line); border-radius:8px; background:var(--ci-space); color:var(--ci-cyan); font-size:.75rem; line-height:1.6; font-weight:600; overflow-wrap:anywhere; }
.account-chip:is([data-state="unverified"],[data-state="inactive"],[data-state="warning"]) { color:var(--ci-warning); }
.account-chip:is([data-state="verified"],[data-state="active"]) { color:var(--ci-success); }
.account-chip:is([data-state="unavailable"],[data-state="guest"]) { color:var(--ci-muted); }
.ci-account-flow .configuracoes__layout { display:block; margin:0; }
.ci-account-flow .configuracoes__panel { min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.ci-account-flow .configuracoes__tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:0 0 16px; margin:0; border:0; background:transparent; max-width:680px; }
.ci-account-flow .configuracoes__tab { appearance:none; display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 16px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--ci-muted); font-family:inherit; font-size:.85rem; line-height:1.5; font-weight:600; cursor:pointer; box-shadow:none; transition:background-color .16s,border-color .16s,color .16s; }
.ci-account-flow .configuracoes__tab:hover { background:var(--ci-surface); color:var(--ci-text); border-color:var(--ci-line); }
.ci-account-flow .configuracoes__tab.is-active { background:var(--ci-raised); color:var(--ci-cyan); border-color:var(--ci-cyan); }
.ci-account-flow .configuracoes__tab .msr { font-size:20px; }
.ci-account-flow .configuracoes__tabpanel { padding:28px; border:1px solid var(--ci-line); border-radius:14px; background:var(--ci-surface); min-width:0; scroll-margin-top:90px; }
.account-section-head { margin-bottom:28px; }
.account-section-head :is(h2,h3) { margin:0 0 10px; font-size:clamp(1.25rem,2vw,1.5rem); line-height:1.4; text-wrap:balance; }
.account-section-head p { color:var(--ci-muted); font-size:.875rem; line-height:1.8; max-width:70ch; margin:0; }
.ci-account-flow :is(h3,h4) { color:var(--ci-text); }
.ci-account-flow h3 { font-size:1rem; line-height:1.5; margin:0 0 8px; }
.ci-account-flow p { overflow-wrap:anywhere; }
.account-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ci-account-flow .dash__field { min-width:0; display:block; margin:0; }
.ci-account-flow .dash__field>span { display:block; margin-bottom:9px; font-size:.85rem; line-height:1.6; font-weight:600; }
.ci-account-flow .dash__field>span small { font-weight:400; color:var(--ci-muted); font-size:.7rem; margin-left:7px; }
.ci-account-flow :is(input,select,textarea) { width:100%; min-width:0; max-width:100%; min-height:48px; font-size:1rem; font-family:inherit; color:var(--ci-text); background:var(--ci-space); border:1px solid var(--ci-line); border-radius:9px; }
.ci-account-flow input[readonly] { color:var(--ci-muted); background:var(--ci-surface); border-style:dashed; cursor:text; }
.ci-account-flow [aria-invalid="true"] { border-color:var(--ci-danger); }
.account-field-wide { grid-column:1/-1; max-width:calc(50% - 12px); }
.account-hint { display:block; color:var(--ci-muted); font-size:.78rem; line-height:1.8; font-weight:400; margin:8px 0 0; max-width:70ch; }
.account-feedback { font-size:.83rem; line-height:1.8; margin:18px 0 0; color:var(--ci-cyan); padding:12px 16px; background:var(--ci-space); border:1px solid var(--ci-line); border-radius:8px; }
.account-feedback[data-state="error"],.account-message[data-state="error"],.account-feedback[data-tone="error"] { color:var(--ci-danger); border-color:var(--ci-danger); }
.account-feedback[data-state="success"],.account-feedback[data-tone="success"] { color:var(--ci-success); border-color:var(--ci-success); }
.account-feedback[data-state="warning"] { color:var(--ci-warning); border-color:var(--ci-warning); }
.account-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
.account-actions .account-hint { margin:0; }
.ci-account-flow .btn { min-height:48px; white-space:normal; }
.ci-account-flow .btn--secondary { background:var(--ci-space); color:var(--ci-text); border-color:var(--ci-line); }
.ci-account-flow :is(.btn,button):disabled { cursor:not-allowed; opacity:1; }
.ci-account-flow .btn:disabled { color:var(--ci-muted); background:var(--ci-space); border-color:var(--ci-line); }
.account-session-exit { border-top:1px solid var(--ci-line); display:flex; gap:24px; align-items:center; justify-content:space-between; margin-top:32px; padding-top:24px; }
.account-session-exit p { color:var(--ci-muted); font-size:.8rem; line-height:1.8; margin:0; }
.ci-account-flow .configuracoes__logout,.ci-account-flow .account-danger-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 16px; width:auto; border:1px solid var(--ci-line); border-radius:10px; color:var(--ci-danger); background:transparent; font-family:inherit; font-size:.85rem; font-weight:600; line-height:1.5; cursor:pointer; }
.ci-account-flow .configuracoes__logout:hover,.ci-account-flow .account-danger-action:hover { border-color:var(--ci-danger); background:var(--ci-space); }
.account-security-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; border-block:1px solid var(--ci-line); padding:24px 0; margin-bottom:28px; }
.account-security-summary>div { min-width:0; }
.account-security-summary strong:not(.account-chip) { font-size:.9rem; line-height:1.7; overflow-wrap:anywhere; }
.account-password-fields { margin-top:24px; }
.account-logo-workspace { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; padding:24px 0; border-block:1px solid var(--ci-line); margin-bottom:24px; }
.account-logo-preview { display:grid; place-items:center; min-height:180px; padding:16px; border:1px dashed var(--ci-line); border-radius:12px; background:var(--ci-space); }
.account-logo-preview img { object-fit:contain; width:100%; height:140px; }
.account-logo-preview>div { text-align:center; color:var(--ci-muted); }
.account-logo-preview .msr { font-size:32px; color:var(--ci-cyan); }
.account-logo-preview p { font-size:.78rem; line-height:1.8; margin:8px 0 0; }
.account-logo-controls { min-width:0; align-content:center; }
.account-logo-controls .dash__logo-btn-wrap { margin-top:16px; }
.ci-account-flow .dash__logo-menu { z-index:5; max-width:100%; min-width:220px; border-radius:10px; }
.ci-account-flow .dash__logo-menu-item { min-height:44px; font-family:inherit; }
.account-logo-position { max-width:420px; }
.account-unavailable { display:flex; align-items:flex-start; gap:12px; padding-top:24px; margin-top:24px; border-top:1px solid var(--ci-line); }
.account-unavailable .msr { color:var(--ci-muted); flex-shrink:0; font-size:20px; }
.account-unavailable p { color:var(--ci-muted); font-size:.8rem; line-height:1.8; max-width:65ch; margin:0; }
.account-plan-current { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 24px; border:1px solid var(--ci-line); background:var(--ci-space); border-radius:0 10px 10px 0; }
.account-plan-current h3 { font-size:1.4rem; }
.account-plan-benefits { display:grid; grid-template-columns:180px minmax(0,1fr); column-gap:24px; margin:20px 0; }
.account-plan-benefits :is(dt,dd) { font-size:.83rem; line-height:1.8; padding:12px 0; margin:0; border-bottom:1px solid var(--ci-line); overflow-wrap:anywhere; }
.account-plan-benefits dt { color:var(--ci-muted); }
.account-credit-balances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.account-credit-balances>div { min-width:0; padding:18px 0; border-bottom:1px solid var(--ci-line); }
.account-credit-balances span { display:block; font-size:.8rem; color:var(--ci-muted); margin-bottom:8px; }
.account-credit-balances strong { display:block; font-size:1.4rem; line-height:1.6; font-variant-numeric:tabular-nums; }
.account-plan-comparison { border-top:1px solid var(--ci-line); padding-top:28px; margin-top:28px; }
.account-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.account-plan-option { display:grid; grid-template-rows:auto auto minmax(64px,auto) 1fr auto; gap:16px; padding:24px; border:1px solid var(--ci-line); border-radius:12px; background:var(--ci-space); min-width:0; }
.account-plan-option:is([data-current="true"],.is-current) { border-color:var(--ci-cyan); background:var(--ci-raised); }
.account-plan-option-head { display:flex; min-height:32px; align-items:center; justify-content:space-between; gap:12px; }
.account-plan-option h4 { font-size:1rem; margin:0; }
.account-plan-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; margin:0; }
.account-plan-price strong { font-size:1.75rem; font-variant-numeric:tabular-nums; }
.account-plan-price span { font-size:.8rem; color:var(--ci-muted); }
.account-plan-option ul { list-style:none; padding:0; margin:0; color:var(--ci-text); font-size:.82rem; line-height:1.8; }
.account-plan-option li+li { margin-top:6px; }
.account-plan-option .account-hint { margin:0; }
.account-plan-option .btn { width:100%; }
.account-plan-comparison-note { margin-top:20px; }
.ci-account-flow .dash-tip__dialog { border-radius:14px; max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; }
.ci-account-flow .dash-tip__body p { font-size:.875rem; line-height:1.8; }
.ci-account-flow .dash__logo-view-img { width:100%; height:260px; object-fit:contain; }
.ci-account-flow .dash-toast { width:min(calc(100vw - 32px),420px); max-width:420px; border-radius:12px; }
.ci-account-flow :is(button,a,input,select,textarea,summary,[role="tabpanel"],[role="dialog"]):focus-visible { outline:2px solid var(--ci-cyan); outline-offset:4px; }
.ci-account-flow [hidden] { display:none!important; }
@media(max-width:1100px) { .account-overview { grid-template-columns:minmax(0,1fr) 150px; } .account-overview-status { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; border-top:1px solid var(--ci-line); padding-top:16px; } }
@media(max-width:920px) { .ci-theme.intel-account .ci-account-flow>.container { width:calc(100% - 32px); } }
@media(max-width:600px) { .account-overview { grid-template-columns:minmax(0,1fr); gap:16px; padding:20px 16px; margin-bottom:20px; } .ci-account-flow .configuracoes__avatar { width:48px; height:48px; font-size:1.2rem; } .account-identity { gap:12px; align-items:flex-start; } .account-identity-text strong { font-size:1rem; } .account-identity-text p { font-size:.75rem; } .account-overview-plan { padding:16px 0 0; border-left:0; border-top:1px solid var(--ci-line); flex-direction:row; align-items:center; gap:12px; } .account-overview-plan>span { margin:0; } .account-overview-status { padding-top:0; border-top:0; } .ci-account-flow .configuracoes__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } .ci-account-flow .configuracoes__tabpanel { padding:24px 16px; } .account-section-head { margin-bottom:24px; } .account-section-head p { font-size:.82rem; } .account-fields { grid-template-columns:minmax(0,1fr); gap:20px; } .account-field-wide { max-width:100%; } .account-actions { flex-direction:column; align-items:stretch; } .account-actions .btn { width:100%; } .account-session-exit { flex-direction:column; align-items:stretch; gap:16px; } .account-security-summary { grid-template-columns:minmax(0,1fr); gap:24px; } .account-logo-workspace { grid-template-columns:minmax(0,1fr); gap:20px; } .account-logo-preview { min-height:160px; } .account-logo-preview img { width:160px; } .account-logo-controls { text-align:left; } .account-plan-current { flex-direction:column; align-items:stretch; padding:18px 16px; gap:16px; } .account-plan-benefits { grid-template-columns:minmax(0,1fr); } .account-plan-benefits dt { border:0; padding-bottom:0; font-size:.75rem; } .account-plan-benefits dd { padding-top:4px; } .account-credit-balances { gap:16px; } .account-credit-balances span { font-size:.72rem; line-height:1.7; } .account-credit-balances strong { font-size:1.1rem; } .account-plan-grid { grid-template-columns:minmax(0,1fr); } .account-plan-option { padding:20px; } .ci-account-flow .dash-tip__dialog { width:calc(100% - 24px); padding:20px 16px; } .ci-account-flow .dash-tip__head { gap:12px; } .ci-account-flow .dash-tip__title { font-size:1.1rem; line-height:1.5; } }
@media(prefers-reduced-motion:reduce) { .ci-account-flow * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* OT15 E7: what the plan gives is said once, under each balance. */
.account-credit-balances small { display:block; margin-top:2px; }
.account-credit-balances small:empty { display:none; }