/* 账户安全页（Phase F 批 B，2026-10-04）：外观复用 .cloud-auth-page / .cloud-auth-card / .cloud-auth-form，
   这里只补本页独有的几条。DOM 由 ui/account-security.js 首次打开时创建。 */

/* 10-05 真机：页面是 position:fixed 全屏层，三张卡一长就滑不动 ⇒ 页面自己当滚动容器；
   壳按内容长高（不被 flex 拉成恰好一屏），顶栏吸顶 */
.account-security-page {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.account-security-page .cloud-auth-shell {
    align-self: flex-start;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

.account-security-page .cloud-auth-topbar {
    position: sticky;
    top: 0;
    z-index: 1;
}

.account-security-page .cloud-auth-card {
    margin: 16px auto 0;
    padding: 22px 20px 20px;
}

.account-security-page .cloud-auth-topbar + .cloud-auth-card {
    margin-top: 24px;
}

.account-security-card h1 {
    font-size: 1.15rem;
    margin-bottom: 4px;
}

.account-security-status {
    min-height: 1.2em;
    margin: 0 !important;
    font-size: .82rem !important;
    opacity: 1 !important;
}

.account-security-status.is-error {
    color: #c62828;
}

.account-security-status.is-success {
    color: var(--accent);
}

.account-security-note {
    margin: 4px 0 0 !important;
    font-size: .78rem !important;
}

.account-security-events-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.account-security-events-head h1 {
    margin: 0;
}

.account-security-events-head .cloud-auth-secondary {
    width: auto;
    min-height: 32px;
    padding: 0 14px;
    font-size: .82rem;
}

.account-security-events {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-security-events li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    padding: 8px 0;
    border-top: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
    font-size: .82rem;
}

.account-security-events li .when {
    opacity: .6;
    font-variant-numeric: tabular-nums;
}

.account-security-events li .where {
    grid-column: 2;
    opacity: .5;
    font-size: .75rem;
}

.account-security-events li.bad .what {
    color: #c62828;
}

.account-security-events li.muted {
    display: block;
    opacity: .55;
}

/* 批 C3：设备与凭据。10-05 真机后改版：左列名字 + 一行「种类 · 最近 · IP」，右列「退出」；
   种类不再单占一列（标签宽度不同会让每行文字起点错开） */
.account-devices li.account-device {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
}

.account-devices li.account-device .main {
    flex: 1;
    min-width: 0;
}

.account-devices li.account-device .what {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
}

.account-devices li.account-device .where {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 6px;
    margin-top: 3px;
    opacity: .55;
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
}

.account-devices li.account-device .kind {
    padding: 0 5px;
    border: 1px solid color-mix(in srgb, var(--text) 30%, transparent);
    font-size: .7rem;
    line-height: 1.5;
    white-space: nowrap;
}

.account-devices li.account-device .this-device {
    flex: none;
    padding: 0 6px;
    background: color-mix(in srgb, var(--accent) 18%, transparent);
    color: var(--accent);
    font-size: .7rem;
    line-height: 1.6;
    white-space: nowrap;
}

.account-devices li.account-device.is-current .what {
    font-weight: 600;
}

.account-devices li.account-device .cloud-auth-secondary {
    flex: none;
    width: auto;
    min-height: 30px;
    padding: 0 12px;
    font-size: .78rem;
}

/* Phase F 收尾批：新建 MCP 密钥（折叠在「设备与凭据」卡片底部） */
.account-mcp-key {
    margin-top: 14px;
    border-top: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
    padding-top: 10px;
    font-size: .85rem;
}

.account-mcp-key summary {
    cursor: pointer;
    color: var(--accent);
    font-weight: 600;
    padding: 4px 0;
}

.account-mcp-key .cloud-auth-form {
    margin-top: 10px;
}

.account-mcp-resources {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
}

.account-mcp-resources label {
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

/* 全站勾选框是 40×20 的开关（style.css）；.cloud-auth-form input 的 width:100% / padding 会把它撑坏，这里还原 */
.account-mcp-resources input[type="checkbox"] {
    width: 40px;
    height: 20px;
    padding: 0;
}

.account-mcp-result {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account-mcp-warn {
    margin: 0;
    color: var(--accent);
    font-weight: 600;
}

.account-mcp-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.account-mcp-row code {
    flex: 1 1 200px;
    min-width: 0;
    padding: 6px 8px;
    background: var(--bg);
    border: 1px solid color-mix(in srgb, var(--text) 15%, transparent);
    font-size: .74rem;
    overflow-wrap: anywhere;
    user-select: all;
}

.account-mcp-name {
    flex: none;
    font-size: .78rem;
    opacity: .7;
}

.account-mcp-row .cloud-auth-secondary,
.account-mcp-result > .cloud-auth-secondary {
    flex: none;
    width: auto;
    min-height: 30px;
    padding: 0 12px;
    font-size: .78rem;
}