/* 플랫폼 ID 입력 필드 스타일 */
.starter-platform-input,
.plus-platform-input,
.pro-platform-input,
.ultimate-platform-input,
.enterprise-platform-input {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 4px solid #667eea;
}

.starter-platform-input h4,
.plus-platform-input h4,
.pro-platform-input h4,
.ultimate-platform-input h4,
.enterprise-platform-input h4 {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 1.1em;
    font-weight: 600;
}

.platform-input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1em;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    color: #333;
    box-sizing: border-box;
}

.platform-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    transform: translateY(-1px);
    background: white;
    color: #333;
}

.platform-input::placeholder {
    color: #666;
    opacity: 1;
}

.starter-platform-input small,
.plus-platform-input small,
.pro-platform-input small,
.ultimate-platform-input small,
.enterprise-platform-input small {
    display: block;
    margin-top: 8px;
    color: #666;
    font-size: 0.85em;
    line-height: 1.4;
}

/* 플랜별 색상 구분 */
.starter-platform-input {
    border-left-color: #4caf50;
}

.plus-platform-input {
    border-left-color: #ff9800;
}

.pro-platform-input {
    border-left-color: #9c27b0;
}

.ultimate-platform-input {
    border-left-color: #e91e63;
}

.enterprise-platform-input {
    border-left-color: #607d8b;
}

/* 반응형 */
@media (max-width: 768px) {
    .starter-platform-input,
    .plus-platform-input,
    .pro-platform-input,
    .ultimate-platform-input,
    .enterprise-platform-input {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .platform-input {
        padding: 10px 12px;
        font-size: 0.95em;
    }
}