/**
 * 云服务器配置频道 channels/cloud.html
 * 与 cloud-config.css（通用表单控件）配合；本文件仅本页布局与暗色覆盖。
 */
main.cloud-channel-page .config-item-label,
main.cloud-channel-page .config-item-number,
main.cloud-channel-page .slider-mark,
main.cloud-channel-page .config-value-input,
main.cloud-channel-page .config-select,
main.cloud-channel-page .os-name,
main.cloud-channel-page .os-desc,
main.cloud-channel-page .config-item-desc,
main.cloud-channel-page .config-title,
main.cloud-channel-page .summary-label,
main.cloud-channel-page .summary-value,
main.cloud-channel-page .summary-title,
main.cloud-channel-page .summary-total-label,
main.cloud-channel-page .cloud-empty-tip {
    color: #ffffff !important;
}

main.cloud-channel-page .cloud-empty-tip {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.9;
}

main.cloud-channel-page .config-item-required {
    color: #f87171 !important;
}

main.cloud-channel-page .config-slider {
    background: linear-gradient(to right, #3b82f6 0%, #3b82f6 var(--slider-value, 3.125%), #4b5563 var(--slider-value, 3.125%), #4b5563 100%) !important;
}

main.cloud-channel-page .config-slider::-webkit-slider-thumb {
    background: #1f2937 !important;
    border-color: #3b82f6 !important;
}

main.cloud-channel-page .config-value-input,
main.cloud-channel-page .config-select {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}

main.cloud-channel-page .os-card {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}

main.cloud-channel-page .os-card.selected {
    background: #1e40af !important;
    border-color: #3b82f6 !important;
}

main.cloud-channel-page .config-summary {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}

main.cloud-channel-page .os-select-container {
    display: flex;
    gap: 24px;
}

main.cloud-channel-page .os-select-group {
    flex: 1;
}

main.cloud-channel-page .os-select-group label {
    display: block;
    font-size: 14px;
    color: #ffffff !important;
    margin-bottom: 8px;
    font-weight: 500;
}

main.cloud-channel-page .config-item.is-disabled .config-slider {
    opacity: 0.45;
    pointer-events: none;
}

main.cloud-channel-page .config-item.is-disabled .config-value-input {
    opacity: 0.6;
}

/* 最小值 = 最大值：与滑块行对齐的固定值展示 */
main.cloud-channel-page .cloud-attr-locked-track {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(to right, #3b82f6 0%, #60a5fa 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

main.cloud-channel-page .cloud-attr-locked-input {
    cursor: default;
    opacity: 0.92;
    pointer-events: none;
}

main.cloud-channel-page .config-item--locked .config-item-label {
    color: #ffffff !important;
}