/**
 * AI创作面板 · 聊天工具 · 会话上下文进度展示样式
 * 独立命名空间 ai-create-chat-context-*
 */

.ai-create-chat-context-toolbar {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

.ai-create-chat-context-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ai-create-chat-context-toggle-label {
    font-size: 12px;
    color: #aaaaaa;
    line-height: 1;
}

.ai-create-chat-context-toggle {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    font-family: inherit;
}
.ai-create-chat-context-toggle:disabled {
    cursor: not-allowed;
}
.ai-create-chat-context-toggle-wrap.is-frozen .ai-create-chat-context-toggle {
    cursor: not-allowed;
}

.ai-create-chat-context-toggle-track {
    display: inline-flex;
    align-items: center;
    width: 32px;
    height: 18px;
    border-radius: 9px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    flex-shrink: 0;
}
.ai-create-chat-context-toggle-track.is-on { background-color: #6b8cff; }
.ai-create-chat-context-toggle-track.is-off { background-color: #555555; }

.ai-create-chat-context-toggle-thumb {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: left 0.2s ease;
    top: 2px;
}
.ai-create-chat-context-toggle-thumb.is-on { left: calc(100% - 16px); }
.ai-create-chat-context-toggle-thumb:not(.is-on) { left: 2px; }

.ai-create-chat-context-indicator {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

.ai-create-chat-context-ring {
    --ai-create-chat-context-progress: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:
        conic-gradient(
            #6b8cff calc(var(--ai-create-chat-context-progress) * 360deg),
            rgba(255, 255, 255, 0.15) 0
        );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ai-create-chat-context-ring.is-warning {
    background:
        conic-gradient(
            #ffb84d calc(var(--ai-create-chat-context-progress) * 360deg),
            rgba(255, 255, 255, 0.15) 0
        );
}
.ai-create-chat-context-ring.is-danger {
    background:
        conic-gradient(
            #ff4d4f calc(var(--ai-create-chat-context-progress) * 360deg),
            rgba(255, 255, 255, 0.15) 0
        );
}

.ai-create-chat-context-inner {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #1f1f21;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-create-chat-context-percent {
    font-size: 10px;
    color: #cccccc;
    line-height: 1;
}